<template>
  <div id="app">
    <!-- 路由占位符 -->
		<router-view></router-view>
  </div>
</template>

<script>
import Storage1 from './storage/index.js'
export default {
  name: 'App',
	data(){
		return{
			res:{}
		}
	},
	created() {
		// 当没有登陆时 不需要调用这两个接口 以提高速度
		if(this.$cookie.get('userId')){
			this.getUser()
			this.getCartCount()
		}
		
	},
  mounted() {

		//本地加载请求静态json文件的形式
  // 	this.axios.get('/mock/user/login.json').then(res=>{
		// 	this.res=res
		// })
		//通过easy-mock平台实现数据mock
		// this.axios.get('/user/login').then(res=>{
		// 	this.res=res
		// })
		//本地集成mockjs实现数据mock
		// this.axios.get('/user/login').then(res=>{
		// 	this.res=res
		// })
		
  },
	methods:{
		getUser(){
			this.axios.get('/user').then(res=>{
				//保存刀VUex中
				this.$store.dispatch('saveUserName',res.username)
			})
		},
		getCartCount(){
			this.axios.get('/carts/products/sum').then(res=>{
				
				this.$store.dispatch('saveCartCount',res)
			})
		}
		}
}
</script>

<style lang="less">
@import url("./assets/css/reset.css");
// @import url("./assets/css/mixin.less");
// @import url("./assets/css/modal.less");
@import url("./assets/css/button.less");
</style>
